<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title></title>

	<link rel="stylesheet" href="../../iconfont/iconfont.css"/>
	<link rel="stylesheet" href="../../css/goods.css"/>
	<script src="../js/jquery-3.5.1.min.js"></script>
	<script type="text/javascript" src="../../js/good.js"></script>
	<link rel="stylesheet" href="../../css/thenlogin.css"/>
</head>
<body>
<div id="box">
	<!-- 遮罩层 -->
	<div id="zzc"></div>

	<div class="headNav">
		<div class="headNavRbox">
			<a href="">三星官网</a>
			<a href="">盖乐世社区</a>
			<a href="">三星商城VIP用户专属服务</a>
			<a href="">三星商城APP</a>
			<a href=""><span class="iconfont icon-dianhua" style="margin-right: 5px;"></span>400 011 8899</a>
		</div>
	</div>

	<div class="gnb_nav">
		<div class="gnb_nav_img gnb_nav_float">
			<a href=""><img src="img/global-samsung-logo1.png" /></a>
		</div>

		<div class="gnb_nav_center gnb_nav_float">
			<li>手机/平板</li>
			<li>手表/耳机</li>
			<li>电视/影视</li>
			<li>生活家电</li>
			<li>显示器/存储</li>
		</div>

		<div class="gnb_nav_righ">
			<input id="search" type="text" />
			<div class="searchtip"></div>
			<div onclick="search()" class="dosearch"><img src="img/dosearch.png" alt=""></div>
			<span class="iconfont icon-gouwuche" onclick='${sessionScope.user==null?"isnull()":"iscart()"}'></span>
			<c:if test="${user!=null}">
				<div class="gwcnumber"><span class="gwcnumbertext">${cartcount}</span></div>
			</c:if>
			<li>${sessionScope.user==null?"<a href='/login' id='delu'>登录/注册</a>":"<img src='img/login.png' width=25 height=25 id='Login' onmouseover='Login()'>"}</li>
			<div id="levitation">
				<div><a href="/MyOrdershas">我的订单</a></div>
				<div><a href="/MyCollection">我的收藏</a></div>
				<div><a href="/Myevaluation">我的评价</a></div>
				<div><a href="/center">个人主页</a></div>
				<div><a href="/Shippingaddress">收货地址</a></div>
				<div><a href="/isnull">退出</a></div>
			</div>
		</div>

		<!-- 显示的盒子 -->
		<div id="show">
			<div id="show_conten_header">
				<h1>手机/平板</h1><span id="cancelshow">×</span>
			</div>

			<div class="show_nav_conten">
				<div class="showNavone">
					<li class="newtuijian">新品推荐<span><img src="img/rightarrow.png" alt=""></span></li>
					<c:forEach items="${selectxl}" var="xl">
						<li  class="xlli" id="${xl.xid}">${xl.xname}<span><img src="img/rightarrow.png" alt=""></span></li>
					</c:forEach>
				</div>
				<div class="showNavtwo">
					<div class="showNavtwoson">
						<c:forEach items="${newgoods}" var="n">
							<li onclick="chuandetail(${n.sid},${n.lid})">${n.sname}<span>新</span></li>
						</c:forEach>
					</div>
				</div>
				<div class="showNavthree">
					<div id="advertisebox">
						<img src="img/advertisePhone.png" alt="">
					</div>
					<a>Galaxy S23系列</a><br />
					<a id="lianjie">了解更多</a>
				</div>
			</div>
		</div>

	</div>
</div>


<div id="baozhu">
	<div>

<div class="baozi">
		<div class="goods">
			<div class="goodson2">
					<div style="display: ${cartsgoodsnull==1?"none":"flex"}">
						<p style="font-size: 23px;margin-top: 10px;">我的购物车</p>
						<p style="font-size: 12px;margin-left: 425px;margin-top: 20px;">绑定三星账号，购物可获得和使用三星积分</p>
						<button>绑定三星账号</button>
					</div>

					<div class="bar" style="display: ${cartsgoodsnull==1?"none":"block"}">
						<span>
							<input type="checkbox" class="tui-checkbox"  id="checkbox">
						</span>
						<div>全选</div>
						<div style="margin-left:195px;">商品</div>
						<div style="margin-left:195px;">单价</div>
						<div style="margin-left:180px;">数量</div>
						<div style="margin-left:60px;">小计</div>
						<div style="margin-left:60px;">操作</div>
					</div>
				<div class="xiugaibox">
					<div class="xiugaicontent">
						<div class="xiugaictop">
							<p>选择内存</p>
							<div></div>
						</div>
						<div class="xiugaicbtm">
							<p>选择颜色</p>
							<span class="colorspan"></span>
						</div>
					</div>
					<div class="xiugaibtn">
							<span class="cancel">取消</span><span class="yes" style="color: white;background-color: #004097" onclick="xiugaiyes()">确定</span>
					</div>
				</div>

				<c:choose>
					<c:when test="${cartsgoodsnull==1}">
						<div class="goodsson">
							<div>
								<p style="font-size: 23px;margin-top: 10px;">我的购物车</p>
								<p style="font-size: 12px;margin-left: 425px;margin-top: 20px;">绑定三星账号，购物可获得和使用三星积分</p>
								<button>绑定三星账号</button>
							</div>
							<div>
								<img src="img/goodss.png" style="padding-left: 500px;">
								<p style="padding-left:441px;padding-top:5px;font-size: 20px;">
									购物车内暂时没有商品
								</p>
								<button onclick="quzhuye()">继续逛逛</button>
							</div>
						</div>
					</c:when>
					<c:otherwise>
						<c:forEach items="${cartsgoods}" var="c">
							<div class="commodity-1">
								<input type="hidden" value="${c.sxid}">
								<input piliang="${c.gid}" type="checkbox" class="tui-checkbox" name="chk" style="margin-top: 50px;">
								<img src="${c.detail.commodity.url}" width="85" height="85">
								<div id="commodity-1son1">
									<p style="width: 260px">${c.detail.commodity.sname}${c.detail.commoditycolor.yname}${c.detail.commoditymemory.nname}</p>
									<p style="color: #535353;">内存/${c.detail.commoditymemory.nname}${c.detail.commoditycolor.yname}</p>
								</div>
								<div id="commodity-1son2">
									<p style="font-weight: 600;color: #004098;font-size: 16px;">￥${c.detail.xprice}</p><br>
									<p>比加入时新增以</p><br>
									<p>旧换新服务</p>
								</div>
								<div id="commodity-1son3">
									<button id="jian" onclick="updateGnum(${c.gid})">-</button>
									<span class="gnum">${c.gnum}</span>
									<button id="jia" onclick="updateGnum(${c.gid})" style="background-color: #000;color: #fff;">+</button>
								</div>
								<p class="xiaoji">￥${c.detail.xprice*c.gnum}</p>
								<div id="commodity-1son4">
									<button onclick="deletecart(${c.gid})">删除</button><br> 
									<button onclick="xiugai()">修改</button>
								</div>
							</div>

							<div class="ServiceBox1">
								<div><span class="sv4">远程服务</span><span class="sv1">接受服务</span><span class="sv2">X1</span><span class="sv3">修改</span></div>
								<div><span class="sv4">管家服务</span><span class="sv1">不需要管家服务</span><span class="sv2">X1</span><span class="sv3">修改</span></div>
								<div><span class="sv4">分期0利率</span><span class="sv1">最高可享24期分期</span><span class="sv2">X1</span ><span class="sv3">修改</span></div>
								<div><span class="sv4">随机好礼</span><span class="sv1">旅行充电器25W</span><span class="sv2">X1</span><span class="sv3">修改</span></div>
							</div>
							<div class="xiala">
								<div>查看更多信息↓</div>
							</div>
						</c:forEach>
					</c:otherwise>
				</c:choose>



			</div>

			<div class="checkds" style="display:${cartsgoodsnull==1?"none":"flex"}">
				<input type="checkbox" class="tui-checkbox" id="checkbox2">
				<div>全选</div>
				<button id="btn-2" onclick="piliangdel()">删除</button>
				<button id="btn-2" style="text-decoration: line-through">清除失效商品</button>
				<div id="chegoods">共<span class="totalgoods">${sum}</span>件商品，已选择<span class="nowchoose" style="color: #004098;">0</span>件|应付总额:<span class="nowmoney"  style="color: #004098;">￥0</span></div>
				<button onclick="qujiesuan()">去结算 ></button>
			</div>





		</div>


</div>




			<!-- ____________________________隐藏（下方为全选）_________________________________________________________ -->




		<!-- 下方为底部 -->






		<div class="BOX2">
			<div class="BOX3">
				<div class="BOX4">
					<img src="img/icon-logistics.png">
					<p>专业客服团队/提供当季优惠信息</p>
				</div>
				<div class="BOX5">
					<img src="img/icon-seven.png">
					<p>7天无理由退货15天换货(定制商品除外)</p>
				</div>
			</div>

			<div class="BOX9">
				<div class="BOX10">
					<div class="BOX11">
						<img src="img/icon-hand.png">
						<span>官方正品请安心购买</span>
					</div>
					<div class="BOX12">
						<img src="img/icon-phone.png">
						<div>
							<span>服务中心</span><br>
							<span style="font-weight: 600;">400-011-8899(09:00~22:</span><br>
							<span style="font-weight: 600;"> 00)</span>
						</div>
					</div>
				</div>
				<div class="BOX13">
					<div >关注我们</div>
					<img src="img/icon-app.png" style="margin-right:105px;">
					<img src="img/icon-wb.png" style="margin-right:25px;">
					<div style="display: flex;padding-left: 240px;width: 110px;">
						<p>微博</p>
						<p style="padding-left: 20px;">下载<p style="font-weight:600">APP</p></p>
					</div>
				</div>
			</div>
			<div class="BOX7">
				<div>
					<h4>产品</h4>
					<p> <a href="">手机/平台</a></p>
					<p>	<a href="">手表/耳机</a></p>
					<p>	<a href="">电视/影音</a></p>
					<p>	<a href="">生活家电</a> </p>
					<p>	<a href="">显示器/存储</a></p>
				</div>
				<div style="margin-left: 56px;">
					<h4>我的三星</h4>
					<p> <a href="">我的订单</a></p>
					<p>	<a href="">我的星钻</a></p>
					<p>	<a href="">优惠券</a></p>
					<p>	<a href="">个人地址</a> </p>
					<p>	<a href="">收货地址</a></p>
				</div>
			</div>
			<div class="BOX8">
				<div style="height: 230px;">
					<h4>产品</h4>
					<p> <a href="">常见问题</a></p>
					<p>	<a href="">三星商城账号</a></p>
					<p>	<a href="">产品和订单</a></p>
					<p>	<a href="">商品支付及发票</a> </p>
					<p>	<a href="">三星专属管家服务</a></p>
					<p>	<a href="">物流</a></p>
					<p>	<a href="">售后服务</a></p>
				</div>
				<div style="margin-left: 50px;">
					<h4>服务支持</h4>
					<p> <a href="">关于商城</a></p>
					<p>	<a href="">关于三星</a></p>
					<p>	<a href="">售后网点查询</a></p>
					<p>	<a href="">联系我们</a> </p>
					<p>	<a href="">体验反馈➚ </a></p>
				</div>
			</div>
		</div>
		<div class="BottomBox">
			<div>
				<p style="padding-left: 50px;width: 100px;height: 20px;">隐私政策</p>
				<p style="width: 100px;height: 20px;">用户协议</p>
				<p style="width: 100px;height: 20px;">网站地图</p>
				<p style="margin-left: 600px;width: 370px;">© 1995-2023 三星（中国）投资有限公司 版权所有</p>
			</div>
			<div>
				<img src="img/icon-record.d0289dc0.png" style="margin-left: 50px;" width="20" height="20">
				<p>京公网安备 11010502040099号</p>
				<p style="padding-left: 20px;">京ICP备05068163号</p>
				<img src="img/icon-gscord.c3e17e54.png" width="20" height="20">
				<p>营业执照</p>
				<p style="padding-left: 450px;">三星（中国）投资有限公司运营三星商城并销售产品</p>
			</div>
		</div>
	</div>
</div>





	</div>
</div>

</body>
</html>